// 自定义指令统一文件,实际的插件在引用组件中使用 Vue.directive()

export const imagerror = {
  // 指令对象 会在当前的dom元素插入到节点之后执行
  inserted(dom, options) {
    // 初始化时 存在值赋值 不存在值给默认值
    dom.src = dom.src || options.value
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror
    dom.onerror = function() {
      dom.src = options.value
    }
  },
  // 这个钩子函数在指令的组件更新数据完毕后执行
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
